@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 0.9rem;}
h1,h2,h3,h4,h5,h6 { font-weight: bold;color:#000;}

body { font-size:0.9rem;  word-wrap:break-word; overflow:hidden;color:#000;}
a {text-decoration:none; color:#000;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#9b0506; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1350px; padding:0 30px;height:auto; margin: 0 auto;   }
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}


@media screen and (max-width:1024px) {

.wrap{ padding: 0 10px;}

}


.fl { float:left;}
.fr { float:right;}

.block {
    display: block;
}

.about_hy{ width:100%; background:url(../images/bg1.jpg) top center no-repeat;background-size:cover; }
.pro_hy{ width:100%; background:url(../images/bg2.jpg) top center no-repeat;background-size:cover; }
.adv_hy{ width:100%; background:url(../images/bg3.jpg) top center no-repeat;background-size:cover ;}
.honor_hy{ width:100%; background:url(../images/bg4.jpg) top center no-repeat;background-size:cover ;}
.plant_hy{ width:100%; background:url(../images/bg5.jpg) top center no-repeat;background-size:cover ;}
.new_hy{ width:100%; background:url(../images/bg6.jpg) top center no-repeat;background-size:cover ;}
.con_hy{ width:100%; background:url(../images/bg7.jpg) top center no-repeat;background-size:cover ;}



/*标题*/
.tit{position:absolute;left:0;bottom:40%;z-index: 333;display:none;}
.tit .tit_c{position:relative;padding-bottom: 1em;padding-left:3em;}
.tit .tit_c:after{position:absolute;content:"";width: 10em;height: 5px;background:#fff;right: 0;bottom: 0;}
.tit p{color:#fff;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;display: inline-block;font-size: 1.5rem;letter-spacing: 2px;}
.tit h1 {color:#fff;font-size: 2rem;text-indent: 0.5em;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;text-align: right;display: inline-block;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}




.tit2{text-align:center;margin-bottom:2%;position:relative}
.tit2 h1{font-size: 2rem;}
.tit2 p{color:#959595;}
.tit2 .tit_p{ position: absolute;z-index: 999; width: 74px; height: 41px;background: url(../images/index02.png) no-repeat center;left: 0;right: 0;margin: 0 auto;bottom: 0;animation: ud 2s linear alternate infinite;-webkit-animation: ud 2s linear alternate infinite; -moz-animation: ud 2s linear alternate infinite;}

@keyframes ud {
    0% {left: 260px;}
    100% {left: 230px;}
}
@-webkit-keyframes ud{
    0% {left: 260px;}
    100% {left: 230px;}

}

@media screen and (max-width:1280px) {
.tit{bottom:5%;}
.tit h1 , .tit2 h1{font-size:1.6rem;}
}
@media screen and (max-width:1024px) {
.tit h1 , .tit2 h1{font-size:1.4rem;}
.tit p{font-size: 1.2rem;}
}





/*关于我们*/

.about_one{overflow:hidden;}
.about_one .left{width:50%;float:left;}
.about_one .left .tit2{margin-bottom:3%;padding-bottom:2%;text-align:left;border-bottom:2px solid #abbecb;display: inline-block;}
.about_one .left .tit2 h1{color:#fff;}
.about_one .left .tit2 p{color:#abbecb;margin-top:3%;}
.about_one .left .con{overflow:hidden}
.about_one .left .con p{color:#fff;line-height:2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.about_one .right{width:48%;float:right;    text-align: right;position:relative}
.about_one .right_v{position:absolute;top:6em;left:0;display:none;}
.right_v .video {position: relative;overflow: hidden;}
.right_v .video a{z-index: 100;left:30%;top: 30%;position: absolute;display: block; width:48px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: cover;background-image: url(../images/index08.png);}
.about_two{overflow:hidden;margin-top:2%;}
.about_two .ab a{display:block;text-align:center;height: 100%;width: 100%;}
.ab a .ab2{overflow:hidden;}
.ab a .pic{position:relative;width:60px;height:50px;    overflow: hidden;margin:0 auto 1em auto;}
.ab a .pic img {display: block; position: absolute;left: 0; transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s;}
.ab a .pic .m1{    top: 0px;}
.ab a:hover .pic .m1{top: 100%;}
.ab a .pic .m2{    top: -100%;}
.ab a:hover .pic .m2{    top: 0px}
.ab a .des{position:relative;padding-top:2em;overflow:hidden;}
.ab a .des:after{position:absolute;content:"";top:0;left:0;width:100%;height:1px;background:#fff;}
.ab a .des:before{position:absolute;content:"";height:5px;background:#9b0506;top:-0.1em;left:0;width:0;z-index: 33;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.ab a:hover .des:before{width:100%}
.ab a .des .num{width:3em;height:3em;border:1px solid #fff;border-radius:100%;color:#fff;line-height:3em;float:left}
.ab a .des .right{float:left;text-align:center;margin-left:2em;}
.ab a .des .right h3{color:#fff;font-size:1rem;}
.ab a .des .right p{color:#fff;margin-top:2%;font-size:0.8rem;}
.ab a:hover .des .num{border:1px solid #9b0506;color:#9b0506}


@media screen and (max-width:850px) {
.p2.active .right .pic{display:none;}
.about_one .right_v{top:2em;}
.about_one .right{width: 20%;}
.about_one .left{    width:100%;}
}



@media screen and (max-width:500px) {

.ab a .pic{width:30px;height:25px;margin: 0 auto 0.5em auto;}
.ab a .des .right h3{font-size:0.9rem;}
.about_one .left{width:100%;}
.about_one .left .con p{-webkit-line-clamp:3;}
.ab a .des .num{display:none;}
.ab a .des{padding-top: 1em;}
.ab a .des .right p{font-size: 0.7rem;}
.ab a .des .right{margin-left:0;float:none;}
.right_v .video a{width:35px;height:35px;}
.about_one .right{float:left;}
.about_one .right_v , .about_one .right{position: inherit;display:block;}


}
/*产品*/
.pro_c{overflow:hidden}
.pro_c .pp{background:#fff;padding: 2em 0 2em 1.5em;min-height:265px;margin: 0 2% 5%;position:relative;}
.pro_c .pp:hover{background:#e4c9c9;}
.pro_c .pp .list h1{color:#9b0506;font-weight:normal;font-size:1.5em}
.pro_c .pp .list ul{overflow:hidden;margin:5% 0;}
.pro_c .pp .list ul li{overflow:hidden;margin-bottom:2%;}
.pro_c .pp .list a.more{display:inline-block;padding:2% 0;}
.pro_c .pp .list a.more:hover{color:#fff;background: #9b0506;padding:2% 4%;}
.pro_c .pp .pic{position:absolute;right:-1em;bottom:-1em}

.marqueeleft { height: auto; width: 100%; overflow: hidden;}
.marqueeleft ul { float: left;}
.marqueeleft li { float: left; margin: 0 2px;display: inline;overflow: hidden;}
.marqueeleft li .pic{ display: block;overflow: hidden;}
.marqueeleft li img{transition: all .8s ease;-webkit-transition: all .8s ease;-o-transition: all .8s ease;-moz-transition: all .8s ease;}
.marqueeleft li a.pic:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.marqueeleft .txt{margin-top:3%;text-align:center;}



@media screen and (max-width:1210px) {
.pro_c .pp{min-height:300px;}
}

@media screen and (max-width:800px) {
.pro_c .pp .list ul{margin:2% 0;}
.pro_c .pp{min-height:280px;}
.pro_c .pp .list a.more{padding:1% 0;}
.pro_c .pp .list a.more:hover{padding:1% 3%;}
}

@media screen and (max-width:480px) {
.pro_c .pp{margin: 0 0 5% 0;min-height: 250px;}
.pro_c .pp .pic img{width: 70%;float: right;}
.pro_c .pp .pic{right:0;}
.marqueeleft li img{width:180px;height:105px;}
}
/*优势*/
.adv_c{overflow:hidden}
.adv_c .adv_one{overflow:hidden;}
.adv_one .left{float:left;background:#fff;width:45%;margin-left:8em;}
.adv_one .left .a1{padding:6em 4em;overflow:hidden;}
.adv_one .left .a1 h2{color:#9b0506;font-size:1.5rem;}
.adv_one .left .a1 h3{color:#959595;font-size:1.5rem;}
.adv_one .left .a1 p{line-height:1.5em;font-size:1.5rem;font-weight:bold;margin:8% 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.adv_one .left .a1 .more a , .adv_one .left .a1 .more a span{display:inline-block;}
.adv_one .left .a1 .more a span{transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.adv_one .left .a1 .more a:hover span{ transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);}
.adv_one .right{float:right;width:40%}
.adv_one .right li{overflow:hidden;margin-bottom:6%;}
.adv_one .right li .pic{width:15%;float:left;}
.adv_one .right li .des{width:85%;float:right;}
.adv_one .right li .des h3{color:#fff;font-size:1rem;padding-top: 2%;position:relative}
.adv_one .right li .des h3:before{position:absolute;content:"";width:25px;height:3px;background:#fff;top:0;left:0}
.adv_one .right li .des p{color:#fff;line-height:1.8em;margin-top:2%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.adv_two{display:none;}

.adv_hy .tit2 h1{color:#fff;}
.adv_hy .tit2 p{color: #e4e4e4;}
@media screen and (max-width:1024px) {


.adv_one .left .a1 h2 , .adv_one .left .a1 h3 , .adv_one .left .a1 p{font-size:1.2rem;}
.adv_one .left .a1{padding: 6em 3em;}
.adv_one .left{width:48%; margin-left:0em;}
.adv_one .right{width:47%;}



}
@media screen and (max-width:850px) {
.adv_hy{ width:100%; background:url(../images/bg3-1.jpg) top center no-repeat;}
.adv_one .left .a1 p{margin:2% 0;font-size:1rem;}
 .adv_one .right , .adv_hy .tit{display:none;}
.adv_one .left{width:100%; margin-left:0em;margin-top:0em;}
.adv_two{display:block;margin:5% 0;}
.adv_two .adv2{display:block;verflow: hidden;}
.adv_two .adv2 .pic{width:15%;float:left;}
.adv_two .adv2 .des{width:85%;float:right;}
.adv_two .adv2 .des h3{font-size:1rem;padding-top: 2%;position:relative;color: #000;}
.adv_two .adv2 .des h3:before{position:absolute;content:"";width:25px;height:3px;background:#9b0506;top:0;left:0}
.adv_two .adv2 .des p{display:block;font-size: 0.875rem;margin:2% 0;    font-weight: normal;}

}


@media screen and (max-width:500px) {
.adv_one .left .a1 {padding:2em;}
.adv_two .adv2 .des{width:82%;}

}




/*荣誉*/
.honor_c{overflow:hidden}
.honorlist{position:relative;}
.honorlist .hon a{display:block;width:100%;height:100%;}
.hon a .hon_img{position:relative;margin: 5%;box-shadow: 0 5px 10px #000;}
.hon a .hon_img .pic1, .hon a .hon_img .pic2 {position: absolute;top: 0;left: 0;height: 100%;}
.honorlist .swiper-button-next , .honorlist .swiper-button-prev{position: absolute;z-index: 334;top: 50%;width:61px; height:119px; z-index: 10; cursor: pointer; background-size: 100%;background-position: center;background-repeat: no-repeat;}
.honorlist .swiper-button-next { background-image: url(../images/index36.png);right: -8em;}
.honorlist .swiper-button-prev{ background-image: url(../images/index35.png);left: -8em;}
.honor_hy .tit2 h1{color:#fff;}
.honor_hy .tit2 p{color: #e4e4e4;}
@media screen and (max-width:1520px) {
.honorlist .swiper-button-next{right: -3em;}
.honorlist .swiper-button-prev{left: -3em;}
}

@media screen and (max-width:1380px) {
.honorlist .swiper-button-next , .honorlist .swiper-button-prev{width:45px; height:88px;}
}

@media screen and (max-width:1024px) {
.honorlist .swiper-button-next{right: 0em;}
.honorlist .swiper-button-prev{left: 0em;}

}


@media screen and (max-width:500px) {

.honorlist .swiper-button-next , .honorlist .swiper-button-prev{width:30px; height:58px;}

}







/*设备*/

.plant_hy .mores a{color:#fff;text-decoration:none;border:1px solid #fff;}
.plant_hy .mores a:hover{text-decoration:none; color:#fff; }

.plant_hy .tit2 h1{color:#fff;}
.plant_hy .tit2 p{color: #e4e4e4;}
.plant_one{overflow:hidden;margin-bottom:3%;}
.plant_one .fen a{display:block;}

.plant_one .fen .ff{background: url(../images/index16.png) no-repeat left center;}
.plant_one .fen .ff p{color:#fff;text-indent:4em;font-size:1rem;}

.plant_one .fen a:hover .ff{background: url(../images/index17.png) no-repeat left center;}
.plant_one .fen a:hover .ff p{color:#9b0506;}

.plant_two{overflow:hidden;}
.plants a{display:block;}
.plants a .ss{position:relative;overflow:hidden;width:100%;height:100%;}
.plants a .ss .title{position:absolute;bottom:-50%;left:0;width:100%;text-align:center;padding:3% 0;background:#9b0506;color:#fff;z-index:101;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.plants a .pic{overflow:hidden;position:relative;}
.plants a .pic:before{transition: all 0.5s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;content: '';display: block;position: absolute;top: 0;left: 0; right: 0; bottom: 0;z-index: 100;}
.plants a:hover .pic:before{ background: url(../images/index15.png);}
.plants a .pic img {width: 100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s;  -o-transition: all 0.6s ease 0s;}
.plants a:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -o-transform: scale(1.05);}
.plants a:hover .ss .title{bottom:0;}
.plants a .ss .more{text-align:center;position:absolute;bottom:0; left: 50%;transform: translateY(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);display:inline-block;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;z-index:101;}
.plants a:hover .ss .more{ opacity: 1;-webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);bottom:40%;}






/*新闻*/
.new_hy .tit p , .new_hy .tit h1{color:#000;}
.new_hy  .tit .tit_c:after{background:#000;}
.new_c{overflow:hidden;}
.new_c .new_one{overflow:hidden;}
.new_c .left{width:50.5%;overflow:hidden;}
.new_c .left img{width:100%;}
.new_c .right{width:49%;overflow:hidden;    padding: 0 1%;}
.new_c .right li{width:100%;margin-bottom: 5%;}
.new_c .right li a{display:block;border:1px solid #b9b5b5;background:#fff;}
.new_c .right li .nn{padding:4%;overflow: hidden;}
.new_c .right li a .des{overflow:hidden;}
.new_c .right li h2{font-size:1rem;margin-bottom:1%;position:relative; padding-left: 2%;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.new_c .right li h2:before{position:absolute;width:6px;height:6px;background:#000;border-radius:100px;content:"";top:0.5em;left:0;}
.new_c .right li .des p{width:90%;float:left;line-height:1.8em;color:#959595;position:relative;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.new_c .right li .des img{display:inline-block;float:right;transform: translateY(5px);-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);}
.new_c .right li .des p:after{position:absolute;width:1px;height:20px;background:#959595;content:"";top:0;right:-1em;}
.new_c .right li a:hover{box-shadow:0 5px 8px #b5b5b5;-webkit-box-shadow:0 5px 8px #b5b5b5;-moz-box-shadow:0 5px 8px #b5b5b5;-o-box-shadow:0 5px 8px #b5b5b5;}
.new_c .right li a:hover h2{color:#9b0506}
.new_c .right li a:hover h2:before{background:#9b0506}
.mores{text-align:center;position:absolute;bottom: 5%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.mores a{display:inline-block;border:1px solid #000;border-radius:50px;padding: 0.5em 4em;text-decoration:none;}
.mores a:hover{box-shadow:0 0 10px #9b0506;-webkit-box-shadow:0 0 10px #9b0506;-moz-box-shadow:0 0 10px #9b0506;-o-box-shadow:0 0 10px #9b0506;border:1px solid #9b0506;text-decoration:none;background:#9b0506;color:#fff;}


@media screen and (max-width:1320px) {
.new_c .right li{margin-bottom: 3%;}
}
@media screen and (max-width:1160px) {
.new_c .right li{margin-bottom: 2%;}
}

@media screen and (max-width:1000px) {
.new_c .right li{margin-bottom: 5%;}
.new_c .right li .des p{-webkit-line-clamp: 1;overflow:hidden}
.new_c .right li .des p:after{display:none;}
}


@media screen and (max-width:750px) {
.new_c .left , .new_c .right li:last-child{display:none;}
.new_c .right{width:100%;}
.new_c .right li{margin-bottom: 2%;}
.new_c .right li .des p{-webkit-line-clamp: 2;}
}

@media screen and (max-width:500px) {
.mores a{padding: 0.5em 3em;}
}
@media screen and (max-width:330px) {
.new_c .right li .des img{display:none;}

}
/*底部*/

.con_c{overflow:hidden;}
.con_c .con_c2{width:34em;height:34em; margin:0 auto; border: 2em solid hsla(360deg,94%,31%,.6);border-radius:100%;}
.con_c .cc{width:30em;height:30em;background:#9b0506;border-radius:100%;position:relative}
.con_c .cc .c2{position:absolute;top:0;left:0;height:100%;width: 100%;}
.con_c .c3{text-indent:6em;}
.con_c .c3 h3{color:#fff;font-size:1rem;margin-bottom:3%;} 
.con_c .c3 p{color:#fff;text-align:left;line-height:2em;}
.con_c .cc .c2 .ma{text-align:center;margin-top:3%;}
.con_c .cc .c2 .ma img{display:inline-block;}
.con_c .cc .c2 .ma span{display:block;color:#fff;margin-top:3%;}
.con_hy .foot{position:absolute;bottom:0;width:100%;left:0;border-top:1px solid #c5c5c5;}
.foot .f2{padding:0.6% 0;overflow:hidden;}
.foot .s1 {float: left;}
.foot .s2 {float: right;}
.foot span,  .foot span a {color: #fff;display: inline-block;text-decoration: none;}
.foot span a:hover{color: #08953d;text-decoration: none;}

.con_hy .tit2{display:none;}

@media screen and (max-width:1024px) {
.con_c .con_c2{width:32em;height:32em;}
.con_c .cc{width:28em;height:28em;}

}

@media screen and (max-width:850px) {


.con_hy .tit2{display:block;}
.con_hy .tit2 h1{color:#fff;}
.con_hy .tit2 p{color: #e4e4e4;}
.con_c .con_c2{width:30em;height:30em;border: 1em solid hsla(360deg,94%,31%,.6);}
.con_c .cc{width:28em;height:28em;} 
 
}

@media screen and (max-width:480px) {

.con_c .con_c2{width:22em;height:17em; border:none; border-radius: 0;}
.con_c .cc{width:22em;height:17em;border-radius: 0;} 
.con_c .c3 {text-indent:1em;}
.con_c .cc .c2 .ma , .con_c .c3 h3{display:none;}

}









@media screen and (max-width: 760px) {
.foot .s1 , .foot .s2{float:none;text-align:center;    display: block;}
}

/*悬浮*/
.videos{position:fixed;left:0px;top:75%;z-index:9999;}
.side{position:fixed;width:70px;right:0;bottom:10%;border:1px solid #e0e0e0;border-bottom:0;z-index:9999;}
.side ul li{width:70px;height:70px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#fff;font-size:14px;line-height:35px;text-align:center;transition:all .3s;cursor:pointer;background: #9b0506;}
.side ul li a{color:#fff;font-size:0.8rem}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:11px;transition:all .3s}
.side ul li i.bgs3{background-image:url(../images/index40.png)}
.side ul li i.bgs4{background-image:url(../images/index39.png)}
.side ul li.sideewm .ewBox.son{width:100px;display:none;color:#363636;text-align:center;position:absolute;left:-100px;height:100px;top:0;background-image:url(../images/ma.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:210px;display:none;color:#fff;text-align:left;position:absolute;left:-210px;top:-70px;background:#bd0406;border: 1px solid #e0e0e0;}
.side ul li.sideetel .telBox dd{display:block;height:69px;overflow:hidden;padding-left:45px;line-height:24px;font-size:14px;background: url(../images/index41.png) 15px center no-repeat;}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height: 24px;overflow:hidden;margin-top: 12px;font-size: 14px;}
.side ul li.sideetel .telBox dd.bgs1{background-color:#850506;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.phone{display:none;}

@media screen and (max-width: 500px) {
.side , .videos{display:none;}
.phone{display:block;position:fixed;right:0;bottom:5%;z-index:9999; background:url(../images/index38.png) top center;}
.phone li{border-bottom:1px solid #e0e0e0;width:50px;padding: 2% 0;    text-align: center;}
.phone li:last-child{border-bottom:none;}
.phone li a{display:inline-block;color: #fff;font-size:0.75rem;}
.phone li i{margin:6px 0;height:25px;display:block;overflow:hidden;}
.phone li:first-child i{background: url(../images/x1.png) top center no-repeat;}
.phone li:last-child i{background: url(../images/x2.png) top center no-repeat;}
}